<div ms-controller="roles" class="wrapper">

	<div class="mod-search cf">
		<div class="fl">
			<ul>
				<li>角色名:<input type="text" ms-duplex="query.name"
					class="ui-input con" value="" placeholder="请输入角色名称"> 
					<a class="ui-btn" id="search" ms-click="reloadData" title="查询"><i class="fa fa-search"></i></a>
					<a class="ui-btn" id="resets" ms-click="reset" title="重置查询条件"><i class="fa fa-refresh"></i></a>
				</li>
			</ul>

		</div>
		
		<div class="fr">
			<a class="ui-btn ui-btn-sp mrb" id="add" ms-click="edit(-1)" title="添加">
				<i class="fa fa-plus"></i>
			</a> 
				<a class="ui-btn mrb" id="delete" title="删除"><i class="fa red fa-trash-o"></i></a>
		</div>
	</div>
	
	<div id="editRoles" style="display: none;">
		<form id="rolesForm" >
			<table>
				<tr style="margin-bottom: 10px; height: 50px;">
					<td>角色名称</td>
					<td class="short"><input type="text" id="rolesName"
						name="rolesName" class="text" ms-duplex="rolesInfo.name"></td>
				</tr>
				<tr style="margin-bottom: 10px; height: 50px;">
					<td>角色状态</td>
					<td class="short applay_td" id="rolesStatus" name="rolesStatus">
						<select ms-duplex="rolesInfo.status" class="ui-input" ms-each="ars">
							<option ms-attr-value="el.val">{{el.key}}</option>
						</select>
						
					</td>
				</tr>
				<tr style="margin-bottom: 10px; height: 50px;">
					<td>角色描述</td>
					<td class="short applay_td" id="rolesDescription" name="rolesDescription">
						<input type="text" id="rolesDescription" name="rolesDescription" class="text"
						ms-duplex="rolesInfo.description" /></td>
				</tr>
			</table>
		</form>
	</div>

	<div id="editRights" style="display: none;">
		<form id="rightsForm">
			<table>
				<ul id="treeDemo" class="ztree"></ul>
			</table>
		</form>
	</div>


	<div class="grid-wrap">
		<table id="grid"></table>
		<div id="page"></div>
	</div>


</div>